<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="res">

    </div>
    <div id="res2">

    </div>
    <script>
        function timeOut ( ) {
            var time = new Date();              //获取当前时间
            var year = time.getFullYear();      //获取这个时间的年份
            var month = time.getMonth() + 1 ;        //获取这个时间的月份，但是是从0-11，所以打印时需要加一操作
            var date = time.getDate();          //获取这个时间的日期
            var hours = time.getHours();        //获取这个时间的小时
            var minutes = time.getMinutes();    //获取这个时间的分钟
            var seconds = time.getSeconds();    //获取这个时间的秒钟
            var str = `现在时间是：${year}-${month}-${date}&nbsp;${hours}:${minutes}:${seconds}`;
            return str ; 
        }
        var resE = document.getElementById("res") ; 
        var resE2 = document.getElementById("res2") ; 
        setInterval( function( ) {              //时间间隔器，每隔一段时间，实行function()方法一次
            resE.innerHTML = timeOut();         //调用timeout方法
        } , 1000 ) ;                             //间隔1000毫秒执行
        setInterval( function( ) {              //时间间隔器，每隔一段时间，实行function()方法一次
            resE2.innerHTML = timeOut();         //调用timeout方法
        } , 10 ) ;                       
    </script>           
</body>
</html>